<?php

/*
 * gpa_new Description
 * date 17 Feb 10
 * time 2:28:37
 * @$package
 * @name albums_html
 * @filesource albums_html.php
 * @author Hanny Setiawan
 */

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title><?php echo $page_title; ?></title>
<script src="<?php echo getJsUrl(); ?>jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getAppCssUrl(); ?>gallery.css" type="text/css">
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>user/user.css" type="text/css">
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>home/home.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo getCssUrl(); ?>menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo getJsUrl(); ?>menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

<!-- start Lightbox Gallery Image-->
<script src="<?php echo getJsUrl(); ?>prettyPhoto/prettyPhoto.js" type="text/javascript"></script>
<script src="<?php echo getJsUrl(); ?>prettyComments/prettyComments.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>prettyPhoto/prettyPhoto.css" type="text/css" media="screen"/>
<!-- end Lightbox Gallery Image -->

<!-- start Gallery Vertical -->
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>ImageVertCarrousel/scroll.css" type="text/css" media="screen"/>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/jquery.imageScroller.js"></script>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/test.js"></script>
<!-- end Gallery Vertical -->

<!-- start jQuery Image Details -->
<script type="text/javascript">
    $(document).ready(function(){
        $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
    });
<!-- end jQuery Image Details -->

</script>

</head>
<style>
.error {
    font-size: 16px;
    color: #ff0f0f;
}
</style>
<body>

<div id="root">
    <div id="Table_01">
        <div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo getImgUrl(); ?>/home/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  		<div id="rightTop">
        	<div id="rTop">
            	<div class="login">
                	<div class="login-text">
                		<?php echo $usermenus; ?>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
        	<div id="rBottom">
        		<div id="menu">
				<?php echo $mainmenus; ?>
                </div>
        	</div>
    	</div>
	</div>
        <div id="index002">
            <div id="add-menu">
                <?php if(@$self_profile) { ?>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/profile/">Profile Overview</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/edit/">Edit Profile</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/tools/">Tools</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/albums/">Albums</a> |
                </div>
                <div id="add-menu-link">
                    <a href="<?php echo getHttpUrl(); ?>user/upgrade/">UPGRADE MEMBERSHIP!</a>
                </div>
                <?php } ?>
            </div>

            <div class="content">
                <?php if($error_message): ?>
                <p class="error"><?php echo $error_message; ?></p>
                <?php endif; ?>
                <h3><?php echo $page_title; ?></h3>
                <?php if(!$album['disable_rename']): ?>
                <form style="padding: 10px; margin: 10px 0; border: 1px solid #151515; background: #000" id="upload_form" action="<?php echo getAppUrl('user', 'upload_photo') . '/' . $album['album_id']; ?>" method="post">
                    <input name="album_name" type="text" maxlength="255"/>
                    <input type="submit" value="Rename Album!"/>
                </form>
                <?php endif; ?>
                <?php if(!$album['disable_upload']): ?>
                <a id="hide_upload_photo_form" href="#">hide upload form</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<?php echo getAppUrl('user', 'albums'); ?>">back to album list</a>
                <script type="text/javascript">
                (function($){$("#hide_upload_photo_form").click(function(e){e.preventDefault(); e.stopPropagation(); $("#upload_form").toggle();});})(jQuery);
                </script>
                <form style="padding: 10px; margin: 10px 0; border: 1px solid #151515; background: #000" id="upload_form" action="<?php echo getAppUrl('user', 'upload_photo') . '/' . $album['album_id']; ?>" method="post" enctype="multipart/form-data">
                    Please think of the following <u>before</u> uploading a file:
                    <ol>
                        <li style="padding: 5px;">File must be stored in JPEG format</li>
                        <li style="padding: 5px;">File should not exceed 170 Kb, but have as high quality as possible. Use the "Save for web"-feature in Photoshop and adjust compression so it never exceeds 170 Kb but is as high as possible.</li>
                        <li style="padding: 5px;">We recommend 900-950 pixels for landscape format and 700-750 pixels height for portrait format.</li>
                        <li style="padding: 5px;">Avoid special characters in the filename. Stick to a-z, A-Z, 0-9. No blanks!</li>
                        <li style="padding: 5px;">Don't upload the same photo more than once!</li>
                    </ol>
                    <table border="0" cellpadding="5" cellspacing="0">
                        <tr>
                            <td>Browse your photo :</td>
                            <td><input class="dark" name="upload_file" type="file"/></td>
                        </tr>
                        <tr>
                            <td>Title :</td>
                            <td><input class="dark" name="title" type="text" maxlength="255"/></td>
                        </tr>
                        <tr>
                            <td>Upload To :</td>
                            <td>
                                <select class="dark" name="scope">
                                    <option value="gallery">Critics Corner</option>
                                    <option value="screening">Screening</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>&nbsp;</td>
                            <td><input id="button" type="submit" name="submit_photo" value="upload"/></td>
                        </tr>
                    </table>
                </form>
                <?php endif; ?>
                <div id="photos">
                <?php if(count($album['photos'])): ?>
                    <ul class="albums">
                    <?php foreach($album['photos'] as $photo): ?>
                    <li>
                        <a href="<?php echo getAppUrl('user', 'edit_image') . '/' . $photo['image_id']; ?>"><img src="<?php echo $photo['thumb'] ?>" alt="<?php echo $photo['title'] ?>"/></a>
                        <div><?php echo count($photo['user_comments']); ?> comments</div>
                    </li>
                    <?php endforeach; ?>
                </ul>
                <?php else: ?>
                <h3>You doesn't have any photo in this album</h3>
                <?php endif; ?>
                </div>
            </div>
            </div>
    </div>
</div>
    	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
</body>
</html>